<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/destination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/destionation.js"></script>

    <script>

        $(function () {
            //查询
            $(".search-button").click(function () {
                $("#kwSearchForm").submit();
            })
        });

    </script>

</head>

<body>
    <#assign currentNav="destination">
    <#include "../common/navbar.ftl">
    <div class="container">
        <#list scs as s>
        <div class="place-focus" data-cs-p="头图">
            <div class="show-banner show-info-notes">
                <div class="cover" style="height: auto;">
                    <a class="bigimg" href="javascript:;" target="_blank" data-cs-l="图片" style="height: 400px;">
                        <div class="shade"></div>
                        <img data-ow="1776" data-oh="1184" src="${s.coverUrl!}" style="margin: -249.667px 0px 0px; width: 100%; height: auto;">
                    </a>
                </div>
                <div class="show-info show-info-sm">
                    <div class="owner">
                    </div>
                    <div class="show-name">
                        <a href="/destination/guide?id=${s.destId}" target="_blank" data-t="目的地">
                            <h2>${s.title}</h2><span></span>
                        </a>
                    </div>
                    <p class="location">${s.destName}</p>
                    <div class="show-links">
                        <a href="/strategy/detail?id=${s.strategyId}" target="_blank">阅读全文</a>
                    </div>
                </div>
                <div class="show-shadow"></div>
                <div class="show-ft">
                    <div class="show-ft-item pic-from">
                        <i></i>
                        <div class="pic-from-pop">
                            <span>
                                <a href="javascript:;" target="_blank" data-t="作者">林琛Live</a>
                                的作品
                            </span>
                            <em></em>
                        </div>
                    </div>
                    <span class="show-ft-item"><a class="show-icon-download" href="javascript:;"
                            title="下载壁纸"></a></span>
                    <span class="show-ft-item"><a class="show-icon-calendar" href="javascript:;"
                            target="_blank">13</a></span>
                    <div class="show-ft-item pic-share">
                        <a class="btn-share" href="javascript:void(0)"><i></i>分享</a>
                        <div class="pop-share" id="_j_sharecnt" style="display: none">
                            <a class="s-weibo" href="javascript:void(0)"><i></i></a>
                            <a class="s-qzone" href="javascript:void(0)"><i></i></a>
                            <a class="s-weixin" href="javascript:void(0)"><i></i></a>
                        </div>
                    </div>
                </div>
                <a class="show-arrdown" href="#" data-cs-l="锚点下箭头"></a>
            </div>
            <div class="place-search-panel place-search-panel-sm">
                <h2>Don't fear the unknown</h2>
                <form name="mdd-search-form" action="/destination/q" method="get" id="kwSearchForm">
                    <div class="searchbar">
                        <input autocomplete="off" class="search-input" type="text" name="keyword" placeholder="我想去...">
                        <a class="search-button" href="#" data-cs-l="搜索" role="button"><i class="icon-search"></i></a>
                    </div>
                </form>
                <div class="search-suggest-panel search-suggest-place hide" style="display: none;">
                    <ul class="suggest-list">
                        <#--<li class="active"><i class="sicon-place"></i><span class="skey">广州</span><span>中国</span></li>
                        <li class=""><i class="sicon-place"></i><span class="skey">贵州</span></li>
                        <li class=""><i class="sicon-place"></i><span class="skey">甘孜</span><span>中国</span></li>
                            <li class=""><i class="sicon-place"></i><span class="skey">广州长隆旅游度假区</span><span>广东</span></li>
                        <li class=""><i class="sicon-place"></i><span class="skey">赣州</span><span>中国</span></li>-->
                    </ul>
                </div>
                <div class="place-search-hot"><a href="javascript:;">北京</a><a href="javascript:;">重庆</a><a href="javascript:;">普吉岛</a><a href="javascript:;">台湾</a><a href="javascript:;">清迈</a></div>
            </div>
        </div>
        </#list>
        <div class="row row-hot">
            <div class="wrapper">
                <div class="r-title">
                    <h2>热门目的地</h2>
                </div>
                <div class="r-navbar">
                   <a href="javascript:void(0)" class="on"  data-rid="-1">国内</a><span class="divide">|</span>
                    <#list hotRegions as r>
                        <a href="javascript:void(0)" data-rid="${r.id}">${r.name}</a><span class="divide">|</span>
                    </#list>
                </div>
                <div id="hotContent">
                </div>
            </div>
        </div>
        <div class="row-line"></div>


        <div class="row-line"></div>
        <div class="pagelet-block">
            <div class="row row-season row-bg">
                <div class="wrapper">
                    <div class="r-title">
                        <h2>当季推荐</h2>
                    </div>
                    <div class="r-navbar">
                        <#list months as m>
                        <a class="" href="javascript:void(0)" data-mid=${m.id} >${m.title}</a><span class="divide">|</span>
                        </#list>
                    </div>
                    <div class="J_seasonmdds">
                    </div>
                </div>
            </div>
            <div class="row-line"></div>
        </div>
        <div class="pagelet-block1">
            <div class="row row-theme">
                <div class="wrapper">
                    <div class="r-title">
                        <h2>主题精选</h2>
                    </div>
                    <div class="r-navbar">
                        <#list destinationThemes as t>
                        <a class="" href="" data-tid=${t.id} >${t.name}</a><span class="divide">|</span>
                        </#list>
                    </div>
                    <div class="J_catemdds">
                    </div>
                        <div class="tiles hide">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-line"></div>
        </div>
<div class="row row-state row-bg">
    <div class="wrapper">
        <div class="row-list" data-cs-p="全球目的地">
            <h2 class="hd">全球目的地<span>（按拼音首字母排序）</span></h2>
            <div class="bd">
                <dl class="item">
                            <#list destlist as dl>
                                <dt class="sub-title">${dl.name}</dt>
                                <dd class="clearfix">
                                    <ul class="col">
                                    <#list dl.DList as dm>
                                    <li class="letter">${dm.key}</li>
                                        <#list dm.countries as c>
                                          <li><a href="/destination/guide?id=${c.id}" target="_blank">${c.name} <span
                                                  class="en">${c.english}</span></a><i class="${(c.ishot?string('icon-label',''))!}"></i>
                                              <#if c.name='中国'>
                                              <img class="domestic" style="width: 34px;margin-left: 20px;cursor: pointer" src="http://css.mafengwo.net/images/mdd/place/flag.jpg">
                                              </#if>
                                          </li>
                                        </#list>
                                    </#list>
                                    </ul>
                                </dd>
                            </#list>
                </dl>
            </div>
        </div>
    </div>
</div>
    </div>
    <#include "../common/footer.ftl">
</body>

</html>